<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@include file="/WEB-INF/jsp/common/taglibs.jspf"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]> <html lang="en"> <![endif]-->

<head>
    <meta charset="utf-8"/>
    <title>Metronic | UI Features - Flat UI Colors</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description"/>
    <meta content="" name="author"/>

    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/comp/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/comp/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/comp/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/comp/uniform/css/uniform.default.min.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/static/comp/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/comp/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/comp/global/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/comp/layout2/css/layout.css" rel="stylesheet" type="text/css"/>
    <link id="style_color" href="${ctx}/static/comp/layout2/css/themes/grey.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/comp/layout2/css/custom.css" rel="stylesheet" type="text/css"/>
    <link rel="shortcut icon" href="/static/images/favicon.ico"/>
</head>

<body class="page-container-bg-solid page-sidebar-closed-hide-logo page-header-fixed">
<div class="page-header navbar navbar-fixed-top">
    <div class="page-header-inner">
        <div class="page-logo">
            <a href="index.html">
                <img src="${ctx}/static/comp/layout2/img/logo-default.png" alt="logo" class="logo-default"/>
            </a>
            <div class="menu-toggler sidebar-toggler">
            </div>
        </div>
        <div class="page-top" style="border-bottom: 1px solid #14B9D6;">
            <ul class="nav navbar-nav pull-left" style="padding: 16px 1px 1px 18px;">
                <li class="classic-menu-dropdown" style="padding-left: 2px; padding-right: 2px;">
                    <a data-toggle="dropdown" href="javascript:;" aria-expanded="false">
                        <i class="icon-home"></i> 主页
                    </a>
                </li>
                <li class="classic-menu-dropdown" style="padding-left: 2px; padding-right: 2px;">
                    <a data-toggle="dropdown" href="javascript:;" aria-expanded="false" style="background-color:#F1F3FA;border-bottom: 2px solid #14B9D6;">
                        作业管理 &nbsp;&nbsp; <i class="close" style="margin-top: 6px;"></i>
                    </a>
                    </a>
                </li>
                <li class="classic-menu-dropdown" style="padding-left: 2px; padding-right: 2px;">
                    <a data-toggle="dropdown" href="javascript:;" aria-expanded="false">
                        计划任务
                    </a>
                </li>
                <li class="classic-menu-dropdown" style="padding-left: 2px; padding-right: 2px;">
                    <a data-toggle="dropdown" href="javascript:;" aria-expanded="false">
                        用户管理
                    </a>
                </li>
            </ul>

            <div class="top-menu">
                <ul class="nav navbar-nav pull-right">
                    <li class="dropdown dropdown-user">
                        <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                            <img alt="" class="img-circle" src="${ctx}/static/comp/layout2/img/avatar3_small.jpg"/>
                            <span class="username username-hide-on-mobile">Nick </span><i class="fa fa-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-default">
                            <li>
                                <a href="extra_profile.html"><i class="icon-user"></i> My Profile </a>
                            </li>
                            <li>
                                <a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar </a>
                            </li>
                            <li>
                                <a href="inbox.html">
                                    <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">3 </span>
                                </a>
                            </li>
                            <li>
                                <a href="page_todo.html">
                                    <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">7 </span>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen </a>
                            </li>
                            <li>
                                <a href="login.html"><i class="icon-key"></i> Log Out </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="clearfix"></div>

<div class="page-container">
    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse">
            <ul class="page-sidebar-menu page-sidebar-menu-hover-submenu page-sidebar-menu-compact" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
                <li class="start ">
                    <a href="index.html">
                        <i class="icon-home"></i>
                        <span class="title">Dashboard</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-basket"></i>
                        <span class="title">eCommerce</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="ecommerce_index.html"><i class="icon-home"></i>Dashboard</a>
                        </li>
                        <li>
                            <a href="ecommerce_orders.html"><i class="icon-basket"></i>Orders</a>
                        </li>
                    </ul>
                </li>
                <li class="active open">
                    <a href="javascript:;">
                        <i class="icon-diamond"></i>
                        <span class="title">UI Features</span>
                        <span class="selected"></span>
                        <span class="arrow open"></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="ui_general.html">General Components</a>
                        </li>
                        <li>
                            <a href="ui_buttons.html">Buttons</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-settings"></i>
                        <span class="title">Form Stuff</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="form_controls_md.html"><span class="badge badge-roundless badge-danger">new</span>Material Design<br>Form Controls</a>
                        </li>
                        <li>
                            <a href="form_controls.html">Bootstrap<br>Form Controls</a>
                        </li>
                        <li>
                            <a href="form_icheck.html">iCheck Controls</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-briefcase"></i>
                        <span class="title">Data Tables</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="table_basic.html">Basic Datatables</a>
                        </li>
                        <li>
                            <a href="table_tree.html">Tree Datatables</a>
                        </li>
                        <li>
                            <a href="table_responsive.html">Responsive Datatables</a>
                        </li>
                        <li>
                            <a href="table_managed.html">Managed Datatables</a>
                        </li>
                        <li>
                            <a href="table_editable.html">Editable Datatables</a>
                        </li>
                        <li>
                            <a href="table_advanced.html">Advanced Datatables</a>
                        </li>
                        <li>
                            <a href="table_ajax.html">Ajax Datatables</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-wallet"></i>
                        <span class="title">Portlets</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="portlet_general.html">General Portlets</a>
                        </li>
                        <li>
                            <a href="portlet_general2.html"><span class="badge badge-roundless badge-danger">new</span>New Portlets #1</a>
                        </li>
                        <li>
                            <a href="portlet_general3.html"><span class="badge badge-roundless badge-danger">new</span>New Portlets #2</a>
                        </li>
                        <li>
                            <a href="portlet_ajax.html">Ajax Portlets</a>
                        </li>
                        <li>
                            <a href="portlet_draggable.html">Draggable Portlets</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-bar-chart"></i>
                        <span class="title">Charts</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="charts_amcharts.html">amChart</a>
                        </li>
                        <li>
                            <a href="charts_flotcharts.html">Flotchart</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-docs"></i>
                        <span class="title">Pages</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="page_timeline.html"><i class="icon-paper-plane"></i><span class="badge badge-warning">2</span>New Timeline</a>
                        </li>
                        <li>
                            <a href="extra_profile.html"><i class="icon-user-following"></i><span class="badge badge-success badge-roundless">new</span>New User Profile</a>
                        </li>
                        <li>
                            <a href="page_todo.html"><i class="icon-hourglass"></i><span class="badge badge-danger">4</span>Todo</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="icon-present"></i>
                        <span class="title">Extra</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="page_about.html">About Us</a>
                        </li>
                    </ul>
                </li>

                <li class="last ">
                    <a href="javascript:;">
                        <i class="icon-pointer"></i>
                        <span class="title">Maps</span>
                        <span class="arrow "></span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="maps_google.html">Google Maps</a>
                        </li>
                        <li>
                            <a href="maps_vector.html">Vector Maps</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <div class="page-content-wrapper">
        <div class="page-content">

            <div class="theme-panel">
                <div class="toggler tooltips" data-container="body" data-placement="left" data-html="true" style="display: block;" data-original-title="刷新">
                    <i class="icon-refresh"></i>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="tabbable tabbable-custom tabbable-noborder">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#tab__blue" data-toggle="tab">所有作业</a>
                            </li>
                            <li>
                                <a href="#tab__green" data-toggle="tab">可显示作业</a>
                            </li>
                            <li>
                                <a href="#tab__red" data-toggle="tab">隐藏的作业</a>
                            </li>
                        </ul>

                        <div class="tab-content">
                            <ul class="nav nav-pills">
                                <li>
                                    <a href="#tab_blue" data-toggle="tab" class="bg-blue" aria-expanded="true">.blue</a>
                                </li>
                                <li>
                                    <a href="#tab_blue-hoki" data-toggle="tab" class="bg-blue-hoki" aria-expanded="true">.blue-hoki</a>
                                </li>
                                <li>
                                    <a href="#tab_blue-steel" data-toggle="tab" class="bg-blue-steel" aria-expanded="true">.blue-steel</a>
                                </li>
                                <li>
                                    <a href="#tab_blue-madison" data-toggle="tab" class="bg-blue-madison" aria-expanded="true">.blue-madison</a>
                                </li>
                                <li>
                                    <a href="#tab_blue-chambray" data-toggle="tab" class="bg-blue-chambray" aria-expanded="true">.blue-chambray</a>
                                </li>
                                <li>
                                    <a href="#tab_blue-ebonyclay" data-toggle="tab" class="bg-blue-ebonyclay" aria-expanded="true">.blue-ebonyclay</a>
                                </li>
                            </ul>
                            <div class="clearfix">
                                <table class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>
                                            Text
                                        </th>
                                        <th>
                                            Fontawesome Icon
                                        </th>
                                        <th>
                                            Simple Line Icon
                                        </th>
                                        <th>
                                            Glyphicon Icon
                                        </th>
                                        <th>
                                            Label
                                        </th>
                                        <th>
                                            Badges
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>
                                            <span class="font-blue">Simple text</span>
                                        </td>
                                        <td>
                                            <i class="fa fa-user font-blue"></i>
                                        </td>
                                        <td>
                                            <i class="icon-pin font-blue"></i>
                                        </td>
                                        <td>
                                            <i class="glyphicon glyphicon-cog font-blue"></i>
                                        </td>
                                        <td>
                                            <span class="label bg-blue">Label </span>
                                        </td>
                                        <td>
                                            <span class="badge bg-blue">7 </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span class="font-blue">Another text</span>
                                        </td>
                                        <td>
                                            <i class="fa fa-gears font-blue"></i>
                                        </td>
                                        <td>
                                            <i class="icon-present font-blue"></i>
                                        </td>
                                        <td>
                                            <i class="glyphicon glyphicon-trash font-blue"></i>
                                        </td>
                                        <td>
                                            <span class="label bg-blue">New </span>
                                        </td>
                                        <td>
                                            <span class="badge bg-blue">11 </span>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-footer">
        <div class="page-footer-inner">
            2014 &copy; 中公网医疗信息技术有限公司. <a href="#" target="_blank">www.cis.com.cn</a>
        </div>
        <div class="scroll-to-top">
            <i class="icon-arrow-up"></i>
        </div>
    </div>
</div>

<script>
    var WEB_ROOT = '';
</script>

<!--[if lt IE 9]>
<script src="/assets/global/plugins/respond.min.js"></script>
<script src="/assets/global/plugins/excanvas.min.js"></script>
<![endif]-->

<script src="${ctx}/static/comp/jquery/jquery.min.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/jquery/jquery-migrate.min.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/uniform/jquery.uniform.js" type="text/javascript"></script>

<script src="${ctx}/static/comp/global/scripts/metronic.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/layout2/scripts/layout.js" type="text/javascript"></script>
<script src="${ctx}/static/comp/layout2/scripts/demo.js" type="text/javascript"></script>
<script>
    jQuery(document).ready(function() {
        Metronic.init();  // init metronic core components
        Layout.init();    // init current layout
        Demo.init();      // init demo features
    });
</script>
</body>
</html>